<!DOCTYPE html>
<html lang="en">

<head>
    <title>登录系统</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

    <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="css/bootstrap4.6.min.css">
    <!-- <link rel="stylesheet" href="css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="alternate" href="css/toast.css" type="application/atom+xml" title="Atom">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/rightToast.css">
    <style type="text/css"></style>
    <script src="js/bosewerCheck.js"></script>


</head>


<body>
    <!-- 加载等待效果页面 -->
    <div id="loading" class=" fade  isabled" disabled></div>
    <!--轮播开始-->
    <!--设置position-absolute或position-fixed使得背景位于登录表单下方-->
    <div id="mySlider" class="carousel slide h-100 position-fixed" data-ride="carousel">
        <ol class="carousel-indicators position-fixed">
            <li data-target="#mySlider" data-slide-to="0"></li>
            <li data-target="#mySlider" data-slide-to="1" class="active"></li>
            <li data-target="#mySlider" data-slide-to="2"></li>
            <li data-target="#mySlider" data-slide-to="3"></li>
            <li data-target="#mySlider" data-slide-to="4"></li>
        </ol>
        <div class="carousel-inner">

            <div class="carousel-item active">
                <img class="slide-img" src="/image/2 (1).jpg" />
                <!-- <img class="slide-img" src="https://zhilai-baojia.oss-cn-shenzhen.aliyuncs.com/image/2%20%281%29.jpg" /> -->
            </div>
            <div class="carousel-item">
                <img class="slide-img" src="/image/2 (2).jpg" />
                <!-- <img class="slide-img" src="https://zhilai-baojia.oss-cn-shenzhen.aliyuncs.com/image/2%20%282%29.jpg" /> -->
            </div>
            <div class="carousel-item">
                <img class="slide-img" src="/image/2 (3).jpg" />
                <!-- <img class="slide-img" src="https://zhilai-baojia.oss-cn-shenzhen.aliyuncs.com/image/2%20%283%29.jpg" /> -->
            </div>
            <div class="carousel-item">
                <img class="slide-img" src="/image/2 (4).jpg" />
                <!-- <img class="slide-img" src="https://zhilai-baojia.oss-cn-shenzhen.aliyuncs.com/image/2%20%284%29.jpg" /> -->
            </div>
            <div class="carousel-item">
                <img class="slide-img" src="/image/2 (5).jpg" />
                <!-- <img class="slide-img" src="https://zhilai-baojia.oss-cn-shenzhen.aliyuncs.com/image/2%20%285%29.jpg" /> -->
            </div>


        </div>
        <a class="carousel-control-prev position-fixed" href="#mySlider" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">&it;</span>
        </a>
        <a class="carousel-control-next position-fixed" href="#mySlider" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">&rsaquo;</span>
        </a>
    </div>
    <!--轮播结束-->

    <!--表单开始 -->
    <div class="d-flex justify-content-center login-wrapper">
        <div class="col-sm-6 col-md-5 col-lg-4 col-xl-3 p-4   align-self-center login" id="loginfm">
            <div class="card-header text-center bg-transparent">
                <h3 class="" style="padding: 0;margin: 0;">产品部-报价核算系统登录</h3>
            </div>
            <div class="card-body">
                <form action="/loginapi" method="get" id="loginForm">
                    <div class="form-group text-left flexd " style="text-align: center;">
                        <label>账户:</label>
                        <!-- <span class="glyphicon glyphicon-user"></span> -->
                        <input type="text" class="form-control required" placeholder="输入账户名" required autofocus
                            autocomplete="off" name="username" autofocus="autofocus" maxlength="32">
                    </div>
                    <div class="form-group text-left flexd ">
                        <!-- <span class="glyphicon glyphicon-lock"></span> -->
                        <label>密码:</label>
                        <input type="password" class="form-control required" name="password" placeholder="输入密码"
                            maxlength="32" required autofocus>
                    </div>
                    <div class="form-group  text-left flexd ">
                        <input type="checkbox" class="form-check-input" id="remember-me" name="rememberme"
                            checked="checked" value="true"> <label class="form-check-label  " for="remember-me"
                            style="font-size: 12px;margin-left: 25px;">记住我</label>
                    </div>
                    <div class="form-group btnDiv " style="text-align: center; bottom: 0;">
                        <button type="button" class="btn btn-mybg btn-block " id="login"
                            style="font-weight: bold;font-size: 24px;text-align: center;">登&nbsp;&nbsp;录</button>
                    </div>
                    <!-- <p class="none" style="display: none;visibility:hidden;">登录</p> -->
                </form>
            </div>
        </div>
    </div>

    <div class="footer copyright">
        <div class="chat-tools">
            <span style="font-weight: bold;">核价报价系统V1.0</span> <i class="ri-copyright-fill">-20220307</i>
            <span style=" margin-left: 20px;  ">技术支持：Jeking.xu 13128755602</span>
        </div>
    </div>



    <!-- 加载页面 -->
    <!-- <div id="loading" disabled class="disabled"></div> -->
    <!-- <dialog id="loading" disabled class="disabled"></dialog> -->
    <script src="js/jquery-3.0.0.min.js"></script>
    <!-- <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> -->
    <!-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"  crossorigin="anonymous"> -->
    </script>
    <!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" crossorigin="anonymous"> </script> -->
    <script src="js/bootstrap4.3.1.min.js"></script>
    <!-- <script src="js/bootstrap.4.3.1.min.js"> </script> -->
    <!-- <script type="text/javascript" src="js/jquery-3.0.0.min.js"></script> -->
    <script type="text/javascript" src="http://www.imooc.com/data/jquery.form.js"></script>
    <script type="text/javascript" src="http://www.imooc.com/data/jquery.validate.js"></script>
    <script type="text/javascript" src="http://www.imooc.com/data/jquery.validate.messages_cn.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.js"></script>
    <!-- <script src="js/bootstrap.min.js"></script> -->
    <!-- <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> -->
    <script src="js/rightTotas.js"></script>

    <script src="js/ajaxWait.js"></script>
    <script src="js/jquery-v1.12.0.min.js"></script>

    <script src="js/urls.js"></script>

    <script src="js/login.js"></script>
    <!-- <script src="js/flexible.js"></script> -->

    <script>
    </script>

</body>

</html>